page-filter {
  .scroll-content{
    padding:10px;
  }
  .item-ios{
    padding-left:0;
  }
  .header-ios .toolbar-background-ios{
    border-bottom:1px solid #e2e2e2;
  }
  .item-ios{
    padding-left:0;
    word-wrap: break-word!important;
  }
  .item-ios.item-block .item-inner{
    padding-right:0;
  }
  .label-ios{
    margin:0;
  }
  .list-ios .item-block .item-inner{
    border:0;
  }
  .list-ios ion-item-options{
    border:0;
  }
  .time_btn{
    padding: 6px 8px;
    display:inline-block;
    background:#fff;
    color:#000;
    border-radius:4px;
    border:1px solid #63b4d2;
  }
  .time_btn1{
    padding: 6px 8px;
    display:inline-block;
    background:#63b4d2;
    color:#fff;
    border-radius:4px;
    border:1px solid #63b4d2;
  }
  .cansel_state{
    color:#8e9093;
  }
  .complete_state{
    color:#3c763d;
  }
  .incomplete_state{
    color:#8a6d3b;
  }
  .receive_state{
    color:#337ab7;
  }
  .check_state{
    color:#a94442;
  }
  ion-list{
    padding:25px 0 10px 0;
  }
  .logintext{
    margin-top:25px;
    text-align:center;
    font-size:1.6rem;
  }
  .logintext span{
    color:#63b4d2;
    padding:0 5px;
  }
  ion-note{
    margin:0 8px 0 0;
  }
  ion-note span{
    color:#777;
    font-size:12px;
    padding: 2px 4px;
    display: inline-block;
  }
  .item em{
    position:absolute;
    top:0;
    right:8px;
    font-style:normal;
    display: inline-block;
    padding: 2px 4px;
    color: #fff;
    font-size: 12px;
    background:#a94442;
  }
  .task_list{
    border:1px solid #e2e2e2;
    border-radius:4px;
    position:relative;
    background:#fff;
    margin-bottom:15px;
  }
  .grid span{
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    font-size: 0.8rem;
  }
  .grid em{
    font-style:normal;
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    font-size: 0.8rem;
    background:#f04a08;
  }
  .receiveuser{
    font-style:normal;
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    font-size: 0.8rem;
    background:#579bf7;
    border-radius:0!important;
  }
  .title{
    height:46px;
    overflow:hidden;
    font-size:16px;
  }
  .item{
    padding-left:8px;
    border-bottom:1px solid #e2e2e2;
    word-wrap: break-word!important;
  }
  .item p span{
    font-size:12px;
  }
  .item-inner{
    border-bottom:0!important;
    padding:10px 0 10px 0;
  }
  .item-ios.item-block .item-inner{
    padding-right:0;
  }
  .label-ios{
    margin:0;
  }
  ion-avatar{
    border-radius:50%;
    background:#568aad;
    text-align:center;
    line-height:100%;
    font-size:14px;
    color:#fff;
    width:50px;
    height:50px;
    margin:0;
    line-height:50px;
  }
  .list-ios ion-item-options{
    border:0;
  }
  ion-content ion-col span{
    font-size:0.8rem;
  }
  .modify_btn{
    color:#fff;
    background:#2ec95c;
  }
  ion-item-options{
    padding-bottom:15px;
  }
  .date_box .button{
    height:2.4em;
    padding:0 0.8em;
    font-size:1.4rem;
  }
}
